<script>
export default {
    name: "PicCard",
    props:{
        value:Object
    }
}
</script>

<template>
    <div style="width: 100%;height: 150px;margin: 10px 0;position: relative;cursor: pointer;border-radius: 15px">
        <img :src="value.img" alt="" style="width: 100%;height: 150px;object-fit: cover;position: absolute;border-radius: 15px">
        <div style="position: absolute;width: 100%;height: 100%;color: white" class="flex column center align-center">
            <span class="title">{{ value.title }}</span>
            <span>111111</span>
        </div>
    </div>
</template>

<style scoped>
.title{
    font-weight: bolder;
    font-size: 20pt;
}
</style>
